---
h1: Color Report
title: Logo Color Report
layout: default
---
{%- assign sorted_pages = site.pages | sort:'sort' -%}
{%- assign logocount = 0 -%}
{%- assign colorcount = 0 -%}
<table class="table table-striped table-bordered">
    <thead>
    <tr>
        <th>Logo</th>
        <th>Colors</th>
        <th>Images</th>
    </tr>
    </thead>
    <tbody>{% for logopage in sorted_pages %}{% if logopage.logohandle %}{% assign logocount = logocount | plus:1 %}{% if logopage.colors %}{% assign colorcount = colorcount | plus:1 %}
    {%- capture ar21file %}{{ logopage.logohandle }}{{ '-ar21.svg' }}{% endcapture -%}
    {%- capture iconfile %}{{ logopage.logohandle }}{{ '-icon.svg' }}{% endcapture -%}
    {%- capture tilefile %}{{ logopage.logohandle }}{{ '-tile.svg' }}{% endcapture -%}
    <tr>
        <td><a href="{{logopage.url}}{{site.indexpage}}">{{logopage.title}}</a></td>
        <td>
            {% for color in logopage.colors %}<div class="preview-color" style="background-color:{{color}}"></div> {{color}} &nbsp;{% endfor %}
        </td>
        <td>
            {% if logopage.images contains iconfile %}<a href="/util/preview.html?image=/logos/{{logopage.logohandle}}/{{iconfile}}&amp;next=/report/colors.html" rel="nofollow"><img src="/logos/{{logopage.logohandle}}/{{iconfile}}" style="height:30px;"/></a>{% endif %}
            {% if logopage.images contains tilefile %}<a href="/util/preview.html?image=/logos/{{logopage.logohandle}}/{{tilefile}}&amp;next=/report/colors.html" rel="nofollow"><img src="/logos/{{logopage.logohandle}}/{{tilefile}}" style="height:30px;"/></a>{% endif %}
            {% if logopage.images contains ar21file %}<a href="/util/preview.html?image=/logos/{{logopage.logohandle}}/{{ar21file}}&amp;next=/report/colors.html" rel="nofollow"><img src="/logos/{{logopage.logohandle}}/{{ar21file}}" style="height:30px;"/></a>{% endif %}
        </td>
    </tr>
    {%- endif %}{% endif %}{% endfor -%}
    <tr>
        <td>&nbsp;</td>
        <td class="text-center">{{colorcount | intcomma}} {% if logocount > 0 %}({{ colorcount | times:100 | divided_by: logocount}}%){% endif %}</td>
        <td>&nbsp;</td>
    </tr>
    </tbody>
</table>